<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>宏观数据可视化</title>

    <!-- Global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet"
          type="text/css">
    <link href="assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
    <link href="assets/css/minified/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/minified/core.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/minified/components.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/minified/colors.min.css" rel="stylesheet" type="text/css">
    <!-- /global stylesheets -->
    <!-- 1.引入 echarts.js -->
    <script type="text/javascript" src="js/echarts.js"></script>
    <!-- 引入jquery.js -->
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <!-- Core JS files -->

    <script type="text/javascript" src="assets/js/plugins/loaders/pace.min.js"></script>
    <script type="text/javascript" src="assets/js/core/libraries/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/core/libraries/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/loaders/blockui.min.js"></script>
    <!-- /core JS files -->

    <!-- Theme JS files -->
    <script type="text/javascript" src="assets/js/plugins/visualization/d3/d3.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
    <script type="text/javascript" src="assets/js/plugins/forms/styling/switchery.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/forms/styling/uniform.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
    <script type="text/javascript" src="assets/js/plugins/ui/moment/moment.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/pickers/daterangepicker.js"></script>

    <script type="text/javascript" src="assets/js/core/app.js"></script>
    <script type="text/javascript" src="assets/js/pages/dashboard.js"></script>
    <!-- /theme JS files -->

</head>

<body class="navbar-top">

<!-- Main navbar -->
<div class="navbar navbar-default navbar-fixed-top header-highlight">
    <div class="navbar-header">
        <a class="navbar-brand"><img src="assets/images/logo.png" alt="" style="height: 18px;
;width: 120px"></a>

        <ul class="nav navbar-nav visible-xs-block">
            <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
            <li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
        </ul>
    </div>

    <div class="navbar-collapse collapse" id="navbar-mobile">
        <ul class="nav navbar-nav">
            <li><a class="sidebar-control sidebar-main-toggle hidden-xs"><i class="icon-paragraph-justify3"></i></a>
            </li>

            <li class="dropdown language-switch">
                <a class="dropdown-toggle" data-toggle="dropdown">
                    地域选择
                    <span class="caret"></span>
                </a>

                <ul class="dropdown-menu">
                    <li><a href="ningbo_gdp.html?address=海曙">海曙</a></li>
                    <li><a href="ningbo_gdp.html?address=镇海">镇海</a></li>
                    <li><a href="ningbo_gdp.html?address=江北">江北</a></li>
                    <li><a href="ningbo_gdp.html?address=北仑">北仑</a></li>
                    <li><a href="ningbo_gdp.html?address=鄞州">鄞州</a></li>
                    <li><a href="ningbo_gdp.html?address=象山">象山</a></li>
                    <li><a href="ningbo_gdp.html?address=奉化">奉化</a></li>
                    <li><a href="ningbo_gdp.html?address=慈溪">慈溪</a></li>
                    <li><a href="ningbo_gdp.html?address=余姚">余姚</a></li>
                    <li><a href="ningbo_gdp.html?address=宁海">宁海</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<!-- /main navbar -->


<!-- Page container -->
<div class="page-container">

    <!-- Page content -->
    <div class="page-content">

        <!-- Main sidebar -->
        <div class="sidebar sidebar-main">
            <div class="sidebar-content">

                <!-- User menu -->
                <div class="sidebar-user">
                    <div class="category-content">
                        <div class="media">
                            <a href="#" class="media-left"><img src="assets/images/place.jpg"
                                                                class="img-circle img-sm" alt=""></a>
                            <div class="media-body">
                                <span class="media-heading text-semibold">浙大软件学院</span>
                                <div class="text-size-mini text-muted">
                                    <i class="icon-pin text-size-small"></i> &nbsp;浙江，宁波
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /user menu -->


                <!-- Main navigation -->
                <div class="sidebar-category sidebar-category-visible">
                    <div class="category-content no-padding">
                        <ul class="navigation navigation-main navigation-accordion">

                            <!-- Main -->
                            <li><a href="index.html"><i class="icon-home4"></i> <span>主页</span></a></li>
                            <li>
                                <a href="#"><i class="icon-stack2"></i> <span>GDP可视化</span></a>
                                <ul>
                                    <li class="active"><a href="zhejiang_gdp.html?address=杭州?year=2016">浙江GDP</a></li>
                                    <li><a href="ningbo_gdp.html?address=海曙">宁波GDP</a></li>
                                </ul>

                            </li>
                            <li>
                                <a href="#"><i class="icon-stack2"></i> <span>收支、物价和社保</span></a>
                                <ul>
                                    <li class="active"><a href="zj_income_expenditure.html?address=杭州?year=2016">浙江省人均收支</a></li>
                                    <li><a href="nb_income_expenditure.html?address=鄞州">宁波市人均收支</a></li>
                                    <li><a href="zj_price_index.html?address=杭州市">浙江省近年价格指数</a></li>
                                    <li><a href="zj_guarantee.html?year=2016">浙江省社保信息</a></li>
                                    <li><a href="nb_guarantee.html?year=2016">宁波市社保信息</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#"><i class="icon-stack2"></i> <span>投资能耗</span></a>
                                <ul>
                                    <li class="active"><a href="zhejiang_cz.html?address=杭州">浙江省财政数据</a></li>
                                    <li><a href="ningbo_cz.html?address=鄞州">宁波市财政数据</a></li>
                                    <li><a href="zhejiang_fwy.html?address=杭州">浙江省服务业运行数据</a></li>
                                    <li><a href="zhejiang_invest.html?address=杭州">浙江省固定资产投资及房地产数据</a></li>
                                    <li><a href="ningbo_invest.html?address=鄞州">宁波市固定资产投资及房地产数据</a></li>
                                </ul>
                            </li>
                            <!-- /page kits -->

                        </ul>
                    </div>
                </div>
                <!-- /main navigation -->

            </div>
        </div>
        <!-- /main sidebar -->

        <script type="text/javascript" src="js/get_nb_gdp.js"></script>
        <!-- Main content -->
        <div class="content-wrapper">

            <!-- Content area -->
            <div class="content" style="padding-bottom: 0px;">

                <!-- Main charts -->
                <div class="row">
                    <div class="col-lg-6" style="padding-left: 0px;">
                        <!-- Traffic sources -->
                        <div class="panel panel-flat">
                            <div class="panel-heading">
                                <h6 class="panel-title" id="bar_title"></h6>
                            </div>
                            <div id="main" style="width: 100%; height: 550px;padding-bottom: 2%">
                                <script type="text/javascript" src="js/nb_gdp_bar.js"></script>
                            </div>
                        </div>
                </div>

                    <div class="col-lg-6" style="padding-right: 0px;">

                    <!-- Sales stats -->
                        <div class="panel panel-flat" style="width: 100%;">
                            <div class="panel-heading">
                                <h6 class="panel-title" id = "pie_title"></h6>
                            </div>

                            <div id="pie" style="width: 100%; height: 550px; padding-bottom: 2%"></div>
                            <script type="text/javascript" src="js/nb_gdp_pie.js"></script>

                        </div>
                    </div>
                    <!-- /main charts -->


                    <!-- Dashboard content -->
                    <div class="row">
                        <div class="col-lg-8">

                            <!-- Marketing campaigns -->
                            <div class="panel panel-flat">
                                <div class="panel-heading">
                                    <h6 class="panel-title">产业增长率</h6>
                                </div>
                                <div class="table-responsive">
                                    <table class="table text-nowrap">
                                        <thead>
                                        <tr>
                                            <th class="col-md-2">产业类型</th>
                                            <th class="col-md-2">增长百分比</th>
                                            <th class="col-md-2">产值(单位：万元)</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td><span class="text-muted" id = "t1"></span></td>
                                            <td><i class="icon-stats-growth2 position-left"></i>
                                                <span class="text-success-600" id = "r1"></span></td>
                                            <td><h6 class="text-semibold" id = "ov1"></h6></td>
                                        </tr>
                                        <tr>
                                            <td><span class="text-muted" id = "t2"></span></td>
                                            <td><i class="icon-stats-growth2 position-left"></i>
                                                <span class="text-success-600" id = "r2"></span></td>
                                            <td><h6 class="text-semibold" id = "ov2"></h6></td>
                                        </tr>
                                        <tr>
                                            <td><span class="text-muted" id = "t3"></span></td>
                                            <td><i class="icon-stats-growth2 position-left"></i>
                                                <span class="text-success-600" id = "r3"></span></td>
                                            <td><h6 class="text-semibold" id = "ov3"></h6></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <script type="text/javascript" src="js/set_nb_gr_value.js"></script>
                            </div>
                            <!-- /marketing campaigns -->

                        </div>
                        <script type="text/javascript" src="js/set_nb_title.js"></script>
                        <div class="col-lg-4">

                            <!-- Progress counters -->
                            <div class="row">

                            </div>
                            <!-- /progress counters -->

                            <!-- /daily sales -->


                            <!-- My messages -->
                            <div class="panel panel-flat" id="radar" style="height: 310px">
                                <script type="text/javascript" src="js/radar.js"></script>
                            </div>
                            <!-- /my messages -->
                        </div>
                    </div>
                    <!-- /dashboard content -->
                </div>
                <!-- /content area -->

            </div>
            <!-- /main content -->

        </div>
        <!-- /page content -->

    </div>
    <!-- /page container -->
</div>
</body>
</html>
